<template>
  <div class="rec-box">
    <div class="flex">
      <ad-item :adInfo="item" v-for="(item, i) in ads" :key="i" class="rec-img"> </ad-item>
    </div>
  </div>
</template>
<script lang="ts" setup>
import AdItem from "@/components/shop/AdItem.vue";
const ads = [
  {
    image: "http://www.wzxfyl.com/ulfile/indextempad/a1.jpg",
    url: "#/asd",
  },
  {
    image: "http://www.wzxfyl.com/ulfile/indextempad/a2.jpg",
    url: "#/asd",
  },
  {
    image: "http://www.wzxfyl.com/ulfile/indextempad/a3.jpg",
    url: "#/asd",
  },
  {
    image: "http://www.wzxfyl.com/ulfile/indextempad/a4.jpg",
    url: "#/asd",
  },
  {
    image: "http://www.wzxfyl.com/ulfile/indextempad/a5.jpg",
    url: "#/asd",
  },
];
</script>
<style lang="scss" scoped>
.rec-img {
  margin: 0 0.3em;
  width: 100%;
  min-width: 0;
  flex-wrap: nowrap;
}
.rec-box {
  margin-left: -0.3em;
  margin-right: -0.3em;
}
</style>